// pages/canvas/canvas.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

    x:0,
    y:0
  },
  clickStart(e){
    // console.log(e)
     this.setData({
        x:e.touches[0].x,
        y:e.touches[0].y
     })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    const query = wx.createSelectorQuery()
    query.select('#myCanvas')
      .fields({ node: true, size: true })
      .exec((res) => {
        const canvas = res[0].node
        const ctx = canvas.getContext('2d')

        const dpr = wx.getSystemInfoSync().pixelRatio
        canvas.width = res[0].width * dpr
        canvas.height = res[0].height * dpr
        ctx.scale(dpr, dpr)
        for(var i=0;i<Math.floor(canvas.width/50);++i){
           if(i%2==0){
             ctx.strokeStyle="rgb(118,201,101)"
           }else{
            ctx.strokeStyle="rgb(14,15,15)"
           }
           ctx.fillRect(i*50, 0, 50, 50)
           ctx.stroke()
        }
      })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})